<!--  -->
<template>
  <div>
    <el-container class="outter">
      <el-aside width="200px" ><Layout></Layout></el-aside>
      <el-container>
        <el-header>header</el-header>
        <el-main>
          <router-view></router-view>
        </el-main>
        <el-footer>Footer</el-footer>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import Layout from "@/components/layout.vue";
export default {
  components: { Layout },
  data() {
    return {
      
    };
  },
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
};
</script>
<style>
.outter{
    height: 100vh;
}
/* @import url(); 引入css类 */
</style>